<template>
	<view>
		<view class="mine-item" v-for="(item,index) in list" :key="index" @click="navigatorMineList(item.path)">
			<view class="mine-item-left">
				<image class="mine-image" :src="item.image" mode=""></image>
				<view class="mine-item-title">{{item.name}}</view>
			</view>
			<u-icon name="arrow-right"></u-icon>
		</view>
	</view>
</template>

<script>
import common from '../../utils/common'
	export default {
		props:{
			list:Array
		},
		methods:{
			navigatorMineList(path){
				this.$emit('goToUrl',path)
			}
		}
	}
</script>

<style lang="less">
	.mine-item-left{
		display: flex;
		align-items: center;
	}
	.mine-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #E7E7E7;
		padding: 20rpx 0;
		.mine-image{
			width: 30rpx;
			height: 30rpx;
			margin-right: 20rpx;
		}
		.mine-item-title {
			font-size: 15px;
			color: #333333;
		}
	}
	
	.mine-item:last-child {
		border-bottom: 0;
	}
	
	.mine-item:first-child {
		padding-top: 0;
	}
</style>